$(function(){


    //固定头部板块
    //1.给window注册滚动事件 onscroll
    //2.当滚动条达到一定阀值,显示TBox,否则隐藏TBox.
    //3.因为头部和固定头部中的搜索框是同一个,所以当滚动条到达指定值的时候,把header中的搜索框添加到固定头部盒子中,当滚动条的值返回后,要把搜索框还回header中.

    $(window).scroll(function () {
        //获取滚动条的距离 scrollTop()
        let sTop = $(this).scrollTop();
  
        //判定  当sTop>300 显示固定头部盒子 否则隐藏盒子
        if (sTop >= 500) {
  
            //显示盒子
            $('#fixedHeader').slideDown();
  
            //把头部的search添加到固定头部的盒子中
            $('#page-nav .page-nav').appendTo('#TBox');
  
        } else {
            //隐藏盒子
            $('#fixedHeader').slideUp();
  
            //把固定头部盒子中的search还回header中
            $('#TBox .page-nav').appendTo('#page-nav');
        }
    })
})